﻿@model W.Models.RegisterModel

@{
    ViewBag.Title = "Registro";
}
<h2>Crear nueva cuenta</h2>
<div class="widget_inside">
    @Html.ValidationSummary(true, "Account creation was unsuccessful. Please correct the errors and try again.")
    <div class="form">
        @using (Html.BeginForm()) {
            <div class="clearfix">
                <label>@Html.LabelFor(m => m.UserName)</label>
                <div class="input">
                    @Html.TextBoxFor(m => m.UserName, new { required = "required", placeHolder = "Username" })
                    @Html.ValidationMessageFor(m => m.UserName)
                </div>
            </div>
            <div class="clearfix">
                <label>@Html.LabelFor(m => m.Email)</label>
                <div class="input">
                    @Html.TextBoxFor(m => m.Email, new { type="email", required="required",placeholder="Email"})
                    @Html.ValidationMessageFor(m => m.Email)
                </div>
            </div>
            <div class="clearfix">
                <label>@Html.LabelFor(m => m.Password)</label>
                <div class="input">
                    @Html.PasswordFor(m => m.Password, new { type = "password", required = "required", placeholder = "Contraseña" })
                    @Html.ValidationMessageFor(m => m.Password)
                    Minimo @Membership.MinRequiredPasswordLength Caracteres
                </div>
            </div>
            <div class="clearfix">
                <label>@Html.LabelFor(m => m.ConfirmPassword)</label>
                <div class="input">
                    @Html.PasswordFor(m => m.ConfirmPassword, new { type = "password", required = "required", placeholder = "Confirmar Contraseña" })
                    @Html.ValidationMessageFor(m => m.ConfirmPassword)
                    Minimo @Membership.MinRequiredPasswordLength Caracteres
                </div>
            </div>     
            <div class="clearfix grey-highlight">
                <div class="input no-label">
                    <button type="submit" class="button green">Registrar</button>
                </div>
            </div>       
        }  
    </div>
</div>

@section scripts
{
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}